<template>
	<!-- <div class="dashboard-editor-container">

		<el-row :gutter="20">
			<el-col >
				<h5>死者服务状态信息</h5>
				<table class="table text-center" >
					<thead>
						<th>
							车辆
							<el-progress :text-inside="true" :stroke-width="18" :percentage="70"></el-progress>
						</th>
						<th>悼念厅
							<el-progress :text-inside="true" :stroke-width="18" :percentage="50" status="exception"></el-progress>
						</th>
						<th>守灵室
							<el-progress :text-inside="true" :stroke-width="18" :percentage="70"></el-progress>
						</th>
						<th>冰柜
							<el-progress :text-inside="true" :stroke-width="18" :percentage="50" status="exception"></el-progress>
						</th>
						<th>火化炉
							<el-progress :text-inside="true" :stroke-width="18" :percentage="70"></el-progress>
						</th>
					</thead>
				</table>

				<table class="table table-hover table-bordered text-center">
					<thead>
						<th>系统编号</th>
						<th>
							车辆
						</th>
						<th>悼念厅
						</th>
						<th>守灵室
						</th>
						<th>冰柜
						</th>
						<th>火化炉
						</th>
					</thead>
					<tbody>
						<tr>
							<td>#201709300001</td>
							<td class="a">
								完成使用
							</td>
							<td class="b">已预约</td>
							<td class="c">未预约</td>
							<td class="d">使用中</td>
							<td class="b">已预约</td>
						</tr>
						<tr>
							<td>#201709300002</td>
							<td class="a">
								完成使用
							</td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td>#201709300003</td>
							<td class="b">已预约
							</td>
							<td class="c">未预约</td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
					</tbody>
				</table>
			</el-col>
		</el-row>

	</div> -->
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  name: 'dashboard-admin',
  data() {
    return {
      statisticsData: {
        article_count: 1024,
        pageviews_count: 1024
	  },
	  loading2: true
    }
  },
  computed: {
    ...mapGetters([
      'name',
      'avatar',
      'roles'
    ])
  },
	mounted() {


	},

  created() {

	this.$store.state.isInitPassWord = localStorage.getItem("isInitPassWord");
	if ( this.$store.state.isInitPassWord == 'true' ){
        this.$message({
            type: 'warning',
            message: '请尽快修改密码'
        });
        this.$router.push({ path: "/password" });
		// this.$alert('请尽快修改密码哦', {
		// 	confirmButtonText: '确定',
		// 	callback: action => {
		// 	this.$router.push({ path: "/password" });
		// 	}
		// });
	}

    clearTimeout(this.timeout);
    this.timeout = setTimeout(() => {
      this.loading2 = false
      // window.location.reload()
    }, 1000 * Math.random());

	this.currentRole = 'adminDashboard'
     console.log(this.$store.state);
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.table{
	th{
		text-align: center;
		border: 1px solid #dfe6ec;
		padding: 10px;
	}
	td{
		padding: 10px 0;
		border: 1px solid #dfe6ec;
	}
	td.a{
		color: rgb(34, 160, 255);
	}
	td.b{
		color: rgb(255, 74, 74)
	}
	td.d{
		color: rgb(0, 8, 150);
	}
	td.e{
		color: rgb(34, 177, 169);
	}
}
.dashboard-editor-container {
    margin: 30px;
    .btn-group {
        margin-bottom: 60px;
    }
    .box-card-header {
        position: relative;
        height: 160px;
    }
    .panThumb {
        z-index: 100;
        height: 150px;
        width: 150px;
        position: absolute;
        left: 0px;
        right: 0px;
        margin: auto;
    }
    .display_name{
        font-size: 30px;
        display: block;
    }
    .info-item{
        display: inline-block;
        margin-top: 10px;
        font-size: 14px;
        &:last-of-type{
            margin-left: 15px;
        }
    }
}
</style>
